layui.use('layer', function(){
    var layer = layui.layer;

    $(function(){
        var tab = 'account_number';
        // 选项卡切换
        $(".account_number").click(function () {
            $('.tel-warn').addClass('hide');
            tab = $(this).attr('class').split(' ')[0];
            checkBtn();
            $(this).addClass("on");
            $(".message").removeClass("on");
            $(".form2").addClass("hide");
            $(".form1").removeClass("hide");
        });
        // 选项卡切换
        $(".message").click(function () {

            //FIXME:暂不支持
            layer.tips('暂停使用，请使用密码方式登录，谢谢！', '.message', {
                tips: [1, '#3f9fe3'],
                time: 1000
            });
            return;

            $('.tel-warn').addClass('hide');
            tab = $(this).attr('class').split(' ')[0];
            checkBtn();
            $(this).addClass("on");
            $(".account_number").removeClass("on");
            $(".form2").removeClass("hide");
            $(".form1").addClass("hide");

        });

        // 验证码
        $("#captcha").click(function() {
            var $this = $(this);
            var url = $this.data("src") + new Date().getTime();
            $this.attr("src", url);
        });


        $('#num').keyup(function(event) {

            $('.tel-warn').addClass('hide');
            checkBtn();
        });

        $('#pass').keyup(function(event) {
            $('.tel-warn').addClass('hide');
            checkBtn();
        });

        $('#veri').keyup(function(event) {
            $('.tel-warn').addClass('hide');
            checkBtn();
        });

        $('#num2').keyup(function(event) {
            $('.tel-warn').addClass('hide');
            checkBtn();
        });

        $('#veri-code').keyup(function(event) {
            $('.tel-warn').addClass('hide');
            checkBtn();
        });

        // 按钮是否可点击
        function checkBtn()
        {
            $(".log-btn").off('click');
            if (tab == 'account_number') {
                var inp = $.trim($('#num').val());
                var pass = $.trim($('#pass').val());
                if (inp != '' && pass != '') {
                    if (!$('.code').hasClass('hide')) {
                        code = $.trim($('#veri').val());
                        if (code == '') {
                            $(".log-btn").addClass("off");
                        } else {
                            $(".log-btn").removeClass("off");
                            sendBtn();
                        }
                    } else {
                        $(".log-btn").removeClass("off");
                        sendBtn();
                    }
                } else {
                    $(".log-btn").addClass("off");
                }
            } else {
                var phone = $.trim($('#num2').val());
                var code2 = $.trim($('#veri-code').val());
                if (phone != '' && code2 != '') {
                    $(".log-btn").removeClass("off");
                    sendBtn();
                } else {
                    $(".log-btn").addClass("off");
                }
            }
        }

        function checkAccount(username){
            if (username == '') {
                $('.num-err').removeClass('hide').find("em").text('请输入账户');
                return false;
            } else {
                $('.num-err').addClass('hide');
                return true;
            }
        }

        function checkPass(pass){
            if (pass == '') {
                $('.pass-err').removeClass('hide').text('请输入密码');
                return false;
            } else {
                $('.pass-err').addClass('hide');
                return true;
            }
        }

        function checkCode(code){
            if (code == '') {
                // $('.tel-warn').removeClass('hide').text('请输入验证码');
                return false;
            } else {
                // $('.tel-warn').addClass('hide');
                return true;
            }
        }

        function checkPhone(phone){
            var status = true;
            if (phone == '') {
                $('.num2-err').removeClass('hide').find("em").text('请输入手机号');
                return false;
            }
            var param = /^1[34578]\d{9}$/;
            if (!param.test(phone)) {
                // globalTip({'msg':'手机号不合法，请重新输入','setTime':3});
                $('.num2-err').removeClass('hide');
                $('.num2-err').text('手机号不合法，请重新输入');
                return false;
            }
            $.ajax({
                url: '/checkPhone',
                type: 'post',
                dataType: 'json',
                async: false,
                data: {phone:phone,type:"login"},
                success:function(data){
                    if (data.code == '0') {
                        $('.num2-err').addClass('hide');
                        // console.log('aa');
                        // return true;
                    } else {
                        $('.num2-err').removeClass('hide').text(data.msg);
                        // console.log('bb');
                        status = false;
                        // return false;
                    }
                },
                error:function(){
                    status = false;
                    // return false;
                }
            });
            return status;
        }

        function checkPhoneCode(pCode){
            if (pCode == '') {
                $('.error').removeClass('hide').text('请输入验证码');
                return false;
            } else {
                $('.error').addClass('hide');
                return true;
            }
        }

        // 登录点击事件
        function sendBtn(){
            //账号登录
            if (tab == 'account_number') {
                $(".log-btn").click(function(){
                    // var type = 'phone';
                    var inp = $.trim($('#num').val());
                    var pass = $.md5($.trim($('#pass').val()));
                    if (checkAccount(inp) && checkPass(pass)) {
                        var ldata = {username:inp,password:pass};
                        if (!$('.code').hasClass('hide')) {
                            code = $.trim($('#veri').val());
                            if (!checkCode(code)) {
                                return false;
                            }
                            ldata.code = code;
                        }
                        $.ajax({
                            url: '/auth',
                            type: 'post',
                            dataType: 'json',
                            contentType:'application/json',
                            async: true,
                            data: JSON.stringify(ldata),
                            success:function(data){

                                console.log("dattt=="+data)

                                if("100" == data.returnCode){
                                    //登录成功，进入后台首页
                                    window.location.href = "/";
                                }else if("20012" == data.returnCode){
                                    // layui.layer.open(data.returnMsg+data.returnCode);
                                    layer.msg(data.returnMsg, {
                                        icon: 2,
                                        skin: 'layer-ext-moon',
                                        time:1*1000,
                                        title: false,
                                        closeBtn: 0, //不显示关闭按钮

                                    });
                                    $("#captcha")[0].click();
                                }

                            },
                            error:function(data){

                                // 刷新验证码
                                $("#captcha")[0].click();
                            }
                        });
                    } else {
                        return false;
                    }
                });
            } else {
                //非账号登录
                $(".log-btn").click(function(){
                    // var type = 'phone';
                    var phone = $.trim($('#num2').val());
                    var pcode = $.trim($('#veri-code').val());
                    if (checkPhone(phone) && checkPass(pcode)) {
                        $.ajax({
                            url: '/plogin',
                            type: 'post',
                            dataType: 'json',
                            async: true,
                            data: {phone:phone,code:pcode},
                            success:function(data){
                                if (data.code == '0') {
                                    // globalTip({'msg':'登录成功!','setTime':3,'jump':true,'URL':'http://www.ui.cn'});
                                    globalTip(data.msg);
                                } else if(data.code == '1') {
                                    $(".log-btn").off('click').addClass("off");
                                    $('.num2-err').removeClass('hide').text(data.msg);
                                    return false;
                                } else if(data.code == '2') {
                                    $(".log-btn").off('click').addClass("off");
                                    $('.error').removeClass('hide').text(data.msg);
                                    return false;
                                }
                            },
                            error:function(){

                            }
                        });
                    } else {
                        $(".log-btn").off('click').addClass("off");
                        // $('.tel-warn').removeClass('hide').text('登录失败');
                        return false;
                    }
                });
            }
        }

        // 登录的回车事件
        $(window).keydown(function(event) {
            if (event.keyCode == 13) {
                $('.log-btn').trigger('click');
            }
        });


        $(".form-data").delegate(".send","click",function () {
            var phone = $.trim($('#num2').val());
            if (checkPhone(phone)) {
                $.ajax({
                    url: '/getcode',
                    type: 'post',
                    dataType: 'json',
                    async: true,
                    data: {phone:phone,type:"login"},
                    success:function(data){
                        if (data.code == '0') {

                        } else {

                        }
                    },
                    error:function(){

                    }
                });
                var oTime = $(".form-data .time"),
                    oSend = $(".form-data .send"),
                    num = parseInt(oTime.text()),
                    oEm = $(".form-data .time em");
                $(this).hide();
                oTime.removeClass("hide");
                var timer = setInterval(function () {
                    var num2 = num-=1;
                    oEm.text(num2);
                    if(num2==0){
                        clearInterval(timer);
                        oSend.text("重新发送验证码");
                        oSend.show();
                        oEm.text("120");
                        oTime.addClass("hide");
                    }
                },1000);
            }
        });



    });
});

